<!-- 指定文档类型 -->
<!DOCTYPE html>
<!-- 根标签   键值对   手册 -->
<html lang="en">
<!-- 对浏览器的设置 ，用户看不见-->

<head>
  <!-- 字符集 -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 浏览器标签页中显示的文字 -->
  <title>haha</title>
</head>

<!-- 用户能看的见的动西 -->
<!-- 
  快捷方式：
    选中整行
    向上/下复制
    向上/下移动
    剪切  
    撤销
    删除整行
    格式化
 -->

<body>
  <!-- emmet速查总表：https://docs.emmet.io/cheat-sheet/ -->
  <!-- 块元素: 块元素要自己独占一行 -->
  h$*6{$级标题}

  <!-- 标题 -->
  heading
  <h1>1级标题</h1>
  <h2>2级标题</h2>
  <h3>3级标题</h3>
  <h4>4级标题</h4>
  <h5>5级标题</h5>
  <h6>6级标题</h6>

  <!-- 段落 -->
  paragraph
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae sunt fugiat dolorem officiis cumque corrupti eaque
    quo numquam laborum culpa tempore cum ipsa excepturi, at nostrum minima labore aliquam dicta?</p>

  <p>Lorem ipsum dolor sit amet.</p>
  <p>你之当谢。</p>

  <p>
    得会范安总法土得用车，破了己作用他之念承公然，今冈薪收脱用王了，用说范逝招至恶中心不统回丹定洪年丰人怎，是拢家秦招姑往说放人的不前快人，恨要价勉你不憾诗，褒韩韩子希招未王先和法虽到绛此兄在都，春重燕策才药偶价程，曰被若烦登力他若绝要，要廿活且今给甲，开的。
  </p>

  <!-- 区块：使用最多的块元素 -->
  division
  <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, facere? Cum culpa distinctio, reiciendis nihil
    beatae totam sed quisquam eum quam maxime sunt recusandae fuga? Ratione minus ad magnam.</div>

  <div>
    畴文得低己若得收越徒，读丑落属这乡没厄虽范郭了着三，勇主语才考是的是头的助未之司之之，娟收罪他临统釜与是中过国，而召商有在的三派我磊嗣色，的不下肯风韩天灰，京不白谷弄明行是连皇者郭，守老不罚投胜人陛着，落重兼那非、落不吴是拢，好文拾有办，程非牛司游极，陛。
  </div>

  <!-- 列表  -->
  list
  <!-- 有序列表 order list -->
  <ol>
    <!-- li*5{列表$} -->
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
    <li>列表5</li>
  </ol>
  <!-- 无序列表 unorder list -->
  <ul>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
    <li>列表5</li>
  </ul>

  <!-- 行元素 -->
</body>

</html>